<template>
  <div class="t-tips-id">
    <t-tips-button tips="tooltip" :title="title">
      <p class="t-font-10" v-copy="title">{{ text }}</p>
    </t-tips-button>
  </div>
</template>
<script>
export default {
  name: "t-tips-id",
  props: {
    prop: {
      type: String,
    },
    nameKey: {
      type: String,
      default: "ID",
    },
    parmas: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  computed: {
    title() {
      return this.parmas.row[this.nameKey] + "";
    },
    text() {
      return this.parmas.row[this.prop];
    },
  },
};
</script>
<style lang="scss" scoped>
.t-tips-id {
}
</style>